/*公用的图标*/
.main-bg {
  background: url("../images/main-center-bg.png") repeat-y;
}
.main-top-bg {
  position: absolute;
  top: -5px;
  left: 0;
  width: 988px;
  height: 8px;
  background: url("../images/main-top-bg.png") no-repeat;
}
.main-bottom-bg {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 988px;
  height: 8px;
  background: url("../images/main-bottom-bg.png") no-repeat;
}
.ADDRESS {
  display: block;
  position: relative;
  float: left;
  min-width: 95px;
  height: 40px;
  background: url("../images/BG.png") 0 -160px no-repeat;
}
.sidebar-logo {
  display: block;
  width: 148px;
  height: 44px;
  margin-bottom: 30px;
  background: url("../images/BG.png") -10px -340px no-repeat;
}
.ellipsis-icon {
  display: block;
  width: 100%;
  height: 6px;
  margin-top: 15px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e8e8e8;
  background: url("../images/BG.png") 35px -400px no-repeat;
}
.shape-icon {
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("../images/BG.png") -80px -140px no-repeat;
  vertical-align: middle;
}
.scrolltop-icon,
.scrollbottom-icon {
  position: absolute;
  right: 30px;
  bottom: -20px;
  width: 20px;
  height: 20px;
  background: url("../images/BG.png") -180px -80px no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}
.scrolltop-icon:hover,
.scrollbottom-icon:hover {
  background-position: -180px -100px;
}
.scrollbottom-icon {
  right: 5px;
  background-position: -200px -80px;
}
.scrollbottom-icon:hover {
  background-position: -200px -100px;
}
.scroll-details .scrolltop-icon,
.scroll-details .scrollbottom-icon {
  top: -20px;
  bottom: inherit;
}
.wechat-img {
  display: block;
  float: left;
  margin-top: 20px;
  margin-left: 20px;
}
.after-top-bg {
  position: absolute;
  top: -21px;
  left: -2px;
  width: 238px;
  height: 21px;
  background: url("../images/after-top-bg.png") no-repeat;
}
.after-bottom-bg {
  position: absolute;
  bottom: -21px;
  left: 0;
  width: 238px;
  height: 21px;
  background: url("../images/after-bottom-bg.png") no-repeat;
}
.after-arrow {
  position: absolute;
  top: -19px;
  left: 204px;
  width: 57px;
  height: 38px;
  background: url("../images/BG.png") -100px -160px no-repeat;
}
.decorate-icon {
  display: inline-block;
  float: left;
  width: 3px;
  height: 15px;
  margin-top: 7px;
  margin-right: 5px;
  background-color: #0093b4;
}
.scroll-left-bg,
.scroll-right-bg {
  position: absolute;
  top: 0;
  z-index: 5;
  width: 20px;
  height: 123px;
  background: url("../images/BG.png") -200px -120px no-repeat;
}
.scroll-left-bg {
  left: -7px;
}
.scroll-right-bg {
  right: -9px;
  background: url("../images/BG.png") -220px -120px no-repeat;
}
.changing-over-left,
.changing-over-right {
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 10;
  width: 20px;
  height: 20px;
  background: url("../images/BG.png") -120px -140px no-repeat;
  cursor: pointer;
}
.changing-over-left:hover,
.changing-over-right:hover {
  background-position: -160px -140px;
}
.changing-over-right {
  right: 0px;
  background-position: -140px -140px;
}
.changing-over-right:hover {
  background-position: -180px -140px;
}
.Special-left {
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 10;
  width: 20px;
  height: 20px;
  background: url("../images/BG.png") -120px -140px no-repeat;
  cursor: pointer;
  top: 40px;
  right: 40px;
}
.Special-left:hover {
  background-position: -160px -140px;
}
.Special-right {
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 10;
  width: 20px;
  height: 20px;
  background: url("../images/BG.png") -120px -140px no-repeat;
  cursor: pointer;
  right: 0px;
  background-position: -140px -140px;
  top: 40px;
  right: 10px;
}
.Special-right:hover {
  background-position: -160px -140px;
}
.Special-right:hover {
  background-position: -180px -140px;
}
.large-buttons {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 114px;
  height: 35px;
  background: url("../images/BG.png") 0px -620px no-repeat;
}
.close {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 20px;
  height: 20px;
  background: url("../images/BG.png") -80px -80px no-repeat;
  cursor: pointer;
}
.close:hover {
  background-position: -100px -80px;
}
.flame-gif {
  position: absolute;
  top: -5px;
  left: -35px;
  width: 25px;
  height: 44px;
}
/*nav图标*/
.Home-icon,
.product-icon,
.S-cases-icon,
.enter-icon,
.recruitment-icon,
.contact-us-icon,
.NAV-Wechat-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  background: url("../images/BG.png") no-repeat;
}
.core-product-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  background: url("../images/core-product-icon.png") no-repeat;
}
.other-product-icon {
  background-position: -40px 0px;
}
.S-cases-icon {
  background-position: -80px 0px;
}
.enter-icon {
  background-position: -120px 0px;
}
.recruitment-icon {
  background-position: -160px 0px;
}
.contact-us-icon {
  background-position: 0px -40px;
}
.NAV-Wechat-icon {
  background-position: -200px 0;
}
/*轮播-图标*/
.carousel:hover .photo_left_icon,
.carousel:hover .photo_right_icon,
.photo-module:hover .photo_left_icon,
.photo-module:hover .photo_right_icon {
  display: block;
}
.photo_left_icon,
.photo_right_icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 1;
  width: 27px;
  height: 44px;
  margin-top: -26px;
  background: url("../images/BG.png") 0 -460px no-repeat;
  cursor: pointer;
}
.photo_left_icon:hover,
.photo_right_icon:hover {
  background-position: -40px -460px;
}
.photo_right_icon {
  left: 943px;
  background-position: -80px -460px;
}
.photo_right_icon:hover {
  background-position: -120px -460px;
}
/*项目介绍-图标*/
.update-icon,
.keep-icon,
.promote-icon {
  display: inline-block;
  float: left;
  width: 40px;
  height: 35px;
  background: url("../images/BG.png") 0 -80px no-repeat;
  vertical-align: middle;
}
.keep-icon {
  background-position: 0 -120px;
}
.promote-icon {
  background-position: -40px -120px;
}
/*contact图标*/
.sina-icon,
.telephone-icon,
.wang-icon,
.QQ-icon,
.Wechat-icon {
  display: inline-block;
  width: 30px;
  height: 40px;
  margin-left: 30px;
  *margin-left: 4029px;
  /*兼容ie7text-indent引发的效果*/
  background: url("../images/BG.png") 0 -200px no-repeat;
  text-indent: -3999px;
}
.telephone-icon {
  background-position: -40px -200px;
}
.wang-icon {
  background-position: -80px -200px;
}
.QQ-icon {
  background-position: -120px -200px;
}
.Wechat-icon {
  background-position: -160px -200px;
}
.TOP-icon {
  position: absolute;
  top: -55px;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  background: url("../images/BG.png") 0 -240px no-repeat;
  cursor: pointer;
}
.TOP-icon:hover {
  background-position: -100px -240px;
}
.copyRight-icon {
  display: inline-block;
  width: 70px;
  height: 10px;
  background: url("../images/BG.png") -80px -120px no-repeat;
}
.partner-top-bg {
  position: absolute;
  top: 20px;
  left: 233px;
  width: 234px;
  height: 94px;
  background: url("../images/partner-list-top-bg.png") no-repeat;
}
.partner-bottom-bg {
  position: absolute;
  bottom: 22px;
  left: 233px;
  width: 234px;
  height: 94px;
  background: url("../images/partner-list-bottom-bg.png") no-repeat;
}
